body {

    display: flex;
    justify-content: space-between;
    flex-direction: column;

}

// top
.e-top {
    background-color: #fff;
    .exer-tips {
        .run {
            font-size: 18px;
            color: skyblue;
            border-bottom: 2px solid skyblue;
        }
    }

    // 累计距离
    .total-distance {
        display: flex;
        justify-content: space-between;

        flex-direction: column;

        box-shadow: 0 1px 2px 0 rgb(19 10 100 / 20%);

        .dis {
            margin-bottom: 2%;
        }
    }


}

// 课程
.course {
    width: 100%;
    overflow: auto;
   flex: 1;
   display: flex;
   flex-direction: column;

    // 课程顶部精选
    .course-top {

        p {
            margin: 12px 0;
        }

        a {
            overflow: hidden;
            display: block;
            border-radius: 15px;
            box-shadow: 0 0 5px 0 rgb(19 10 100 / 20%);

            img {
                width: 100%;
                height: 150px;
            }

            div {
                padding: 0px 10px;
            }
        }

    }


    // 课程介绍
    .course-main {
        p {
            padding: 25px 0 20px 0;
        }

         
            a {
                position: relative;
                margin-bottom: 5%;
                overflow: hidden;
                display: block;
                border-radius: 15px;
                box-shadow: 0 0 5px 0 rgb(19 10 100 / 20%);

                img {
                    height: 150px;
                    width: 100%;
                }

                span {
                    color: rgb(0, 0, 0, .1);
                    padding-left: 20px;
                    width: 100%;
                    position: absolute;
                    top: 30px;
                    left: 0;
                }

                p {
                    padding-left: 20px;
                    width: 100%;
                    position: absolute;
                    top: 40px;
                    left: 0;
                    color: rgb(0, 0, 0, .5);
                }
            }

        
    }
    

}

